<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
	<title>网页作业：游戏介绍</title>
	<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	background: url(5.jpg) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}
		*{
			margin: 0px;
			padding: 0px;
		}
		body{
			font-family: Arial,Helvetica,sans-serif;
			font-size: 12px;
			margin: 0px auto;
			height: auto;
			width: 800px;
			border: 1px solid #006633;
		}
		#header{
			height: 400px;
			font-weight: 750px;
			background-image: url(9.jpg);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			margin: 0px 0px 3px 0px;
		}
		#navigator{
			height: 35px;
			width: 800px;
			font-size: 14px;
			list-style-type: none;
		}
		#navigator li{
			float: left;
		}
		#navigator li a{
			color: #000000;
			text-decoration: none;
			padding-top: 4px;
			display: block;
			width: 131px;
			height: 22px;
			text-align: center;
			background-color: #12563a;
			margin-left: 2px;
		}
		#navigator li a:hover{
			background-color: #006633;
			color: #ffffff;
		}
		#content{
			height: auto;
			width: 780px;
			line-height: 1.5em;
			padding: 10px;
		}
		#content p{
			text-indent: 2em;
		}
		#content h3{
			font-size: 16px;
			margin: 10px;
		}
		#footer{
			height: 60px;
			width: 780px;
			line-height: 2em;
			text-align: center;
			background-color: #009966;
			padding: 10px;
		}
	</style>
</head>
<body>
	<audio autoplay="autoplay" loop="2">
		<source src="bj.mp3" >
		 </audio>
	<div id="header"></div>
	<div id="navigator">
		<ul id="navigator">
			<li><a href=file:///C:/Users/lenovo/Desktop/wxl/3.html>游戏介绍</a></li>
			<li><a href="file:///C:/Users/lenovo/Desktop/wxl/4.html">相关角色</a></li>
			<li><a href="file:///C:/Users/lenovo/Desktop/wxl/5.html">相关角色2</a></li>
			<li><a href="file:///C:/Users/lenovo/Desktop/wxl/6.html">相关角色3</a></li>
			<li><a href="file:///C:/Users/lenovo/Desktop/wxl/7.html">游戏攻略</a></li>
			<li><a href="https://yys.163.com/index.html">官网下载</a></li>
		</ul>
	</div>
	<div id="content">
		<h3>阴阳师</h3>
		<p>网易公司研发的3D日式和风回合制RPG手游</p>
		<h3>2016年6月1日11：00，《阴阳师》开放安卓首测   ；同年9月2日，登陆ios平台于App Store首发   ；同年9月9日，阴阳师全平台公测  。</h3>
		<p>故事发生在人鬼共生的年代，原本属于阴界的魑魅魍魉，潜藏在人类的恐慌中伺机而动，阳界的秩序岌岌可危。幸而世间有着一群懂得观星测位、画符念咒，还可以跨越阴阳两界，甚至支配灵体的异能者，他们正各尽所能，为了维护阴阳两界的平衡赌上性命战斗并被世人尊称为“阴阳师”</p>
	</div>
	<div id="footer">
		<p>软件2001 王显龙</p>
		<p>学号：20002090131</p>
		<p>以上素材来自阴阳师官网</p>
	</div>
</body>
</html>